﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>User Guide - List All Acount</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">

	<!-- end #header -->
	<div id="page">
				<h2 class="title">Account Managerment</h2>

				<p class="meta">Login Form<a href="#" name="Login"></a></p>

				<div class="entry">
					<p>If you have a account you can login.</p>
					<p><b>Register:</b> if you not a account you can register new account</p>
					<p><b>Forgot password:</b> If you forgot your password system will be sent you new password</p>

					<p align="center"><img src="Images/login.jpg" width=auto height=auto alt="" /></p>
				</div>

		<!-- end #content -->

	</div>
	<!-- end #page -->
</div>
<div id="wrapper">

	<!-- end #header -->

	<div id="page">
				<p class="meta">Register<a href="#" name="Register"></a></p>

				<div class="entry">
					<p>Register new account</p>
					<p align="center"><img src="Images/Register-form.jpg" width=auto height=auto alt="" /></p>
					<p><b>Register failed</b></p>
					<p align="center"><img src="Images/Register-failed.jpg" width=auto height=auto alt="" /></p>

				</div>

		<!-- end #content -->

	</div>
	<!-- end #page -->
</div>
<div id="wrapper">

	<!-- end #header -->
	<div id="page">

				<p class="meta">List All Accounts<a href="#" name="ListAccount"></a></p>
				<p><i>[Notice: You can only view list all account if you have permission " Group Admin "]</i></p>
				<div class="entry">
					<p align="center"><img src="Images/view-account.jpg" width="800" height="600" alt="" /></p>
					<p>
						<ul>
							<li> 1: view all account</li>

							<li> 2: Add new user to group</li>
							<li> 3: View account information</li>
							<li> 4: Edit account infomation</li>
							<li> 5: Reset account's password</li>
							<li> 6: Email settings</li>

							<li> 7: Delete account</li>
						</ul>

					</p>
				</div>

		<!-- end #content -->

	</div>

	<!-- end #page -->
</div>
<div id="wrapper">

	<!-- end #header -->
	<div id="page">
				<p class="meta">My Account<a href="#" name="MyAccount"></a></p>

				<div class="entry">
					<p align="center"><img src="Images/myaccount.jpg" width=auto height=auto alt="" /></p>

					<p><b>My profile:</b> edit your profile account</p>
					<p><b>Email notifycation:</b> change your email settings</p>
					<p><b>Change password:</b> change your account password</p>
				</div>

		<!-- end #content -->

	</div>
	<!-- end #page -->
</div>
<div id="wrapper">

	<!-- end #header -->
	<div id="page">
				<p class="meta">Email Notifycation Settings<a href="#" name="EmailSettings"></a></p>

				<div class="entry">
					<p><b>If you want sent email when any change</b></p>
					<p align="center"><img src="Images/email-settings.jpg" width=800 height=auto alt="" /></p>
				</div>

		<!-- end #content -->

	</div>
	<!-- end #page -->

</div>
<div id="wrapper">

	<!-- end #header -->
	<div id="page">
				<p class="meta" name="adduser">Add user to group form<a href="#" name="AddUser"></a></p>

				<div class="entry">
					<p>You can add new user to group: <i>[Notice: You can only "add new user to group" if you have permission Group Admin]</i></p>

					<p align="center"><img src="Images/Add-user-group-form.jpg" width=auto height=auto alt="" /></p>
					<p>If your input wrong:</p>
					<p align="center"><img src="Images/Add-user-group-failed.jpg" width=auto height=auto alt="" /></p>
				</div>

		<!-- end #content -->

	</div>
	<!-- end #page -->

</div>
<div id="wrapper">

	<!-- end #header -->
	<div id="page">
				<p class="meta">Delete User<a href="#" name="DeleteUser"></a></p>

				<div class="entry">

					<p><b>If you have permission " Group Admin " you can delete any user</b>. 
						<i>[Notice: if user have reference to Project, Defect you may delete Project, Defect them first]</i>

					</p>
					<p align="center"><img src="Images/delete-account-confirm.jpg" width="800" height=auto alt="" /></p>
				</div>

		<!-- end #content -->

	</div>
	<!-- end #page -->
</div>
<div id="wrapper">

	<!-- end #header -->
	<div id="page">
				<p class="meta">Edit infomation Form<a href="#" name="EditInformation"></a></p>

				<div class="entry">
					<p>You can edit your information if you have a account. <i>[Notice: You can only "edit user" if you have permission Group Admin]</i></p>
					<p align="center"><img src="Images/edit-information-form.jpg" width=auto height=auto alt="" /></p>
				</div>

		<!-- end #content -->

	</div>
	<!-- end #page -->
</div>
<div id="wrapper">

	<!-- end #header -->
	<div id="page">
				<p class="meta">Change Password Form<a href="#" name="ChangePassword"></a></p>

				<div class="entry">
					<p align="center"><img src="Images/change-password-form.jpg" width=auto height=auto alt="" /></p>
					<p>If you login success you can change your password anytime</p>
				</div>

		<!-- end #content -->

	</div>
	<!-- end #page -->

</div>
<div id="wrapper">

	<!-- end #header -->
	<div id="page">
				<p class="meta">Reset password<a href="#" name="ResetPassword"></a></p>

				<div class="entry">
					<p>If you have permission " Group Admin " you can reset password of any user. When you "reset password", "new password" Will be sent to  that user's email</p>
					<p align="center"><img src="Images/reset-password-confirm.jpg" width="900" height="400" alt="" /></p>

				</div>

		<!-- end #content -->

	</div>
	<!-- end #page -->
</div>
</body>
</html>
